<template>
  <div class="home">
    <Header
      :class="$route.meta.header == 'fixed' ? 'fixed-header' : ''"
    ></Header>
    <router-view
      :class="$route.meta.header == 'fixed' ? 'fixed-content' : ''"
    />
    <Footer v-show="$route.meta.footer != false"></Footer>
  </div>
</template>

<script>
import Header from "@/components/header.vue";
import Footer from "@/components/footer.vue";

export default {
  name: "Home",
  components: { Header, Footer },
  data() {
    return {};
  },
  created() {
    // console.log(this.$route);
  },
  methods: {
    toSuggest() {
      // console.log( "/suggest")
      this.$router.push({
        path: "/suggest",
      });
    },
  },
};
</script>

<style lang="less" scoped>
.home {
  // position: relative;
  width: 100%;
  overflow: auto;
  background: #f3f5f7;
  overflow-x: hidden;
  min-height: 100vh;
}
.fixed-content {
  padding-top: 54px;
}
.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
.chatBtn {
  display: block;
  background-color: rgb(57, 130, 185);
  border-radius: 55px;
  right: 18px;
  bottom: 18px;
  width: 25px;
  height: 25px;
  padding: 15px;
  width: auto;
  height: auto;
  opacity: 0.8;
  min-width: 55px;
  min-height: 45px;
  padding: 5px 0 !important;
  border-radius: 4px !important;
  background-color: #2676d3 !important;
  position: fixed;
  background-color: #19caa6;
  font-family: "Helvetica Neue", Helvetica, "Microsoft Yahei", Arial, sans-serif;
  font-size: 8px;
  line-height: 24px;
  bottom: -42px;
  color: #fff;
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  cursor: pointer;
  z-index: 2147483645;
  width: auto;
  box-sizing: content-box !important;
}
</style>
